<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            float: none;
        }
        table, th, td,tr {
            border: 2px solid #000;
            border-collapse: collapse;
            padding: 5px;
            height: 40px;
            width: 700px;
            text-decoration: none;
            text-align: center;    
        }
        #o{
            color: rgb(247, 242, 242);
            background-color: rgb(97, 31, 31);
        }
        /* tr:nth-child(odd) {
            background-color: yellowgreen;
        }

        tr:nth-child(even) {
            background-color: blue;
        }  */
    </style>
</head>
<body>
    <table>
        <header>
            <tr id="o">
                <th colspan="9"><em>Invoice</em></th>
            </tr>
        </header>
        <tr>
            <th colspan="3">Item/Dese</th>
            <th colspan="2">Qty.</th>
            <th colspan="2">@</th>
            <th colspan="2">Price</th>
       
        </tr>
        <tr>
            <th colspan="3">Men</th>
            <th colspan="2">Women</th>
            <th colspan="2">Men</th>
            <th colspan="2">Women</th>
        </tr>
        <tr>
            <td colspan="3">82</td>
            <td colspan="2">85</td>
            <td colspan="2">78</td>
            <td colspan="2">82</td>
   
        </tr>
        <tr>
            <td colspan="7" style="color: red;"><b>Subotatal</b></td>
            <td colspan="2">610.88</td>
        </tr>
        <tr id="o">
            <td colspan="5"><b><em>Tax</em></b></td>
            <td colspan="2">198.9</td>
            <td colspan="2">110</td>
        </tr>
    </table>
</body>
</html> 
